// 路由组件的写法

import App from '../App'
import Home from '@/views/Home'
import About from '@/views/About'
import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom'
// 两种路由模式的组件: BrowserRouter(History模式)
// HashRouter(hash模式)

 const baseRouter = () => {
    return(
        <BrowserRouter>
        <Routes>
            <Route path='/' element={<App />} >
            {/* {配置路由重定向} */}
            <Route path='/' element={<Navigate to='/home'/>}></Route>
            <Route path="/home" element={<Home/>}></Route>
            <Route path="/about" element={<About/>}></Route>
            </Route>
        </Routes>
    </BrowserRouter>
    )

}
export default baseRouter
